interface TodoFilterProps {
    setFilter: (filter: string) => void;
}

function TodoFilter ({setFilter}: TodoFilterProps) {
    return (
        <div className="flex justify-center gap-3 mt-4">
            <button 
                onClick={() => setFilter('all')}
                className="bg-purple-200/80 hover:bg-purple-100/90 text-purple-800 px-4 py-2 rounded-md transition-colors"
            >
                全部
            </button>
            <button 
                onClick={() => setFilter('active')}
                className="bg-purple-200/80 hover:bg-purple-100/90 text-purple-800 px-4 py-2 rounded-md transition-colors"
            >
                待办
            </button>
            <button 
                onClick={() => setFilter('completed')}
                className="bg-purple-200/80 hover:bg-purple-100/90 text-purple-800 px-4 py-2 rounded-md transition-colors"
            >
                已完成
            </button>
        </div>
    )
}

export default TodoFilter;